<template>
  <v-bottom-sheet v-model="display">
    <v-list class="py-0" dense>
      <v-subheader>商品参数</v-subheader>
      <v-divider></v-divider>
      <v-list-item-group color="#2AB795">
        <template v-for="(item, i) in data">
          <v-list-item :key="i">
            <v-list-item-title v-text="item.name"></v-list-item-title>
            <v-list-item-subtitle v-text="item.value"></v-list-item-subtitle>
          </v-list-item>
          <v-divider v-if="data[i + 1]" :key="'d' + i"></v-divider>
        </template>
      </v-list-item-group>
    </v-list>
  </v-bottom-sheet>
</template>

<script>
export default {
  props: ['data'],
  data() {
    return {
      display: false,
      dialogm1: ''
    };
  },
  methods: {
    show() {
      this.display = true;
    },
    hide() {
      this.display = false;
    }
  }
};
</script>

<style lang="less" scoped>
.title {
  position: relative;
  button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
</style>
